<%
//主页
layout("/inc/layout.html",{
title:'智慧洛龙',
keywords:'智慧洛龙',
description:'智慧洛龙',
style:'index.css'
}){
%>

 <!--网站导航菜单-->
 <% include("/inc/nav_menu.html"){} %> 
<section class="container">
	<div class="panel panel-info">
		<div class="panel-body">
		 	<div class="row mt15">
				<div class="col-sm-2">
					<div class="list-group user-left-menu">
						<a href="/interact/index" class="list-group-item ${mainId==null?'active'}?'active'}">
							 <h3>所有分类</h3>
						</a>
						<% if(isNotEmpty(mainList)){ for(main in mainList){ %>
						<a href="/interact/1-${main.id}" class="list-group-item   ${mainId!=null&&mainId==main.id?'active'}  "> ${main.title!} </a>
						<%}}%>
					</div>
				</div>

				<div class="col-sm-10">
					<% if(isNotEmpty(list)){ for(item in list){ %>
					
                	<a href="/interact/detail/${item.id!}" style="text-decoration: none;">
				 		<div class="col-xs-6">
					 		<h5 class="alert alert-info"> ${item.title!}</h5>
                    	</div>
					</a>
					<%}}else{%>
					<div class="media">
						<div class="text">暂时无相关办理事项</div>
					</div>
					<%}%>
				 </div>
			</div>


			<section class="center-block text-center">
				<div class="col-sm-page-12">
				<ul class="pagination">

					<li><a href="/interact/1-${mainId}" aria-label="First"><span aria-hidden="true">首页</span></a></li>
					<li><a href="/interact/${pager.pre}-${mainId}" aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>
					<li><a href="#" aria-label="Previous"><span aria-hidden="true">第&nbsp;${pager.pageNum!}/${pager.totalPage!}&nbsp;页</span></a></li>
					<li><a href="/interact/${pager.next}-${mainId}" aria-label="Next"><span aria-hidden="true">下一页</span></a></li>
					<li><a href="/interact/${pager.offset}-${mainId}" aria-label="Last">尾页</a></li>

				</ul>
				</div>
			</section>

		</div>
	</div>
</section>

<% } %>
<script>
    require(['modules/index'], function (index) {
        index.init();
    });

</script>
</body>
</html>